<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>钟创汇APP下载</title>
    <script type="text/javascript">

        var UrlAndroid = "https://www.pgyer.com/0Vkg";
        var UrlIos = "https://itunes.apple.com/us/app/%E9%92%9F%E5%88%9B%E6%B1%87/id1223258531?l=zh&ls=1&mt=8";

        window.onload = function () {
            if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
                var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    //在微信中打开
                    showMaskLayer();
                }
//                else if (ua.match(/WeiBo/i) == "weibo") {
//                    //在新浪微博客户端打开
//                    showMaskLayer();
//                }
//                else if (ua.match(/QQ/i) == "qq") {
//                    //在QQ空间打开
//                    showMaskLayer();
//                }
                else if (browser.versions.ios) {
                    //是否在IOS浏览器打开
                    hrefIos();
                } else if (browser.versions.android) {
                    //是否在安卓浏览器打开
                    hrefAndroid();
                }
            } else {
                //否则就是PC浏览器打开
//                showMaskLayer();
                hrefAndroid();
            }
        }

        //显示遮罩层
        function showMaskLayer() {
            var p = document.getElementById('masklayer');
            p.style.display = "block";
        }

        function hrefAndroid() {
            location.href = UrlAndroid;
        }
        function hrefIos() {
            location.href = UrlIos;
        }

        var browser = {
            versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {         //移动终端浏览器版本信息
                    trident: u.indexOf('Trident') > -1, //IE内核
                    presto: u.indexOf('Presto') > -1, //opera内核
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
                };
            }(),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        }

    </script>
    <style>
        .masklayer {
            width: 1024px;
            position: fixed;
            text-align: right;
            margin-left: auto;
            margin-right: auto;
            padding-top: 20px;
            font-size: 20px;
            color: #FFF;
            height: 100%;
        }
    </style>
</head>
<body>
<div id="masklayer" class="masklayer"
     style="display: none; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 1;">
    <img src="masklayer.png" width="100%" border="0"/>
</div>
<!--<h1>请使用手机浏览器打开</h1>-->
</body>
</html>
